/*
 * @Author: kongfanqiang
 * @Email: 1260470885@qq.com
 * @Date: 2021-03-14 16:26:12
 * @LastEditTime: 2021-03-15 19:38:03
 * @Description: 导入测试
 */
// import snabbdom from 'snabbdom'
import { h } from 'snabbdom/h'
import { init } from 'snabbdom/init'
// 对比两个vNode 差异并更新
const patch = init([])
// 第一个参数，标签名+选择器
// 第二个参数如果是字符串，就是标签内容
let vnode = h('div#app', 'hello world')
const app = document.querySelector('#app')
// 第一个参数可以dom元素，内部会把dom转换成 VNode
// 第二个参数 VNode
// 返回值，VNode
let oldVnode = patch(app, vnode)
// 更新vnode
// setTimeout(() => {
//   vnode = h('div#app', 'hello snabbdom')
//   oldVnode = patch(oldVnode, vnode)
// }, 2000)
vnode = h('div#app', [
  h('h1', 'hello world'),
  h('p', 'snabbdom 测试demo')
])
oldVnode = patch(oldVnode, vnode)
// setTimeout(() => {
//   // 清空元素（解除挂载）
//   // 通过创建注释节点，达到清空的目的
//   patch(oldVnode, h('!', '注释'))
// }, 1000)
console.log(oldVnode)